<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" href="css/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/signin.css">
    <link rel="stylesheet" href="css/header.css">

</head>
<body >
<div class="all">
    <div class="header">
        <!--唯品会图标-->
        <div class="header-logo">
            <div><a href="/index"><img src="image/logo-1.png"></a></div>
            <div class="logo-hide" style="width: 0;height:0;"></div>
            <div></div>
            <div>
                <a href="#"><img src="image/logo-2.png"></a>
                <a href="#"><img src="image/logo-3.png"></a>
                <a href="#"><img src="image/logo-4.png"></a>
            </div>
        </div>
    </div>
    <div class="login-body">
        <div class="body-in">
            <div class="body-top">如有账号，请登录</div>
            <form action="/signin"  method="POST">
                <div>
                    <input type="text" name="petname" placeholder="邮箱/手机号/QQ号">
                    <p> </p>
                    <input type="password" name="password" maxlength="20" placeholder="密码">
                    <p></p>
                    <button type="submit">登录</button>
                    <div class="body-foot">
                        <span class="check"></span><a style="text-decoration: none;color: #333;">记住用户名</a>
                        <span><a href="#" class="body-foot-a">忘记密码</a>|<a href="/register">免费注册</a></span>
                    </div>

                </div>
            </form>
            <div class="other-router">
                <p class="other-title">合作网站账号登录：</p>
                <p><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a><span class="link-more">更多<i class="caret"></i></span></p>
                <div class="other-link">
                    <a href="#" class="link-border">网易</a>
                    <a href="#" class="link-border">人人网</a>
                    <a href="#" class="link-border">建行登录</a>
                    <a href="#">财付通</a>
                    <a href="#" class="link-border">开心网</a>
                    <a href="#" class="link-border">中国移动</a>
                    <a href="#">翼支付</a>
                </div>
            </div>
        </div>
    </div>
    <div class="login-foot">
        <p>Copyright 2008-2015 vip.com，All Rights Reserved ICP证：粤 B2-20080329</p>
    </div>
</div>
<div class="modal fade bs-example-modal-sm" id="myModal" tabindex="-1"
     role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog  modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">用户提示</h4>
            </div>
            <div class="modal-body"></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script src="js/jquery-2.2.4.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="css/bootstrap/js/bootstrap.js"></script>
<script src="js/signin.js"></script>
<script src="scripts/signin.js"></script>